<template>
  <span v-show="!!resourceURL" class="pre-box">
    <audio controls="controls" style="width:100%;height:45px" :src="resourceURL" controlslist="nodownload" />
  </span>
</template>
<script>

export default {
  name: 'AudioPreview',
  props: {
    resourceName: {
      type: String,
      default: ''
    },
    resourceURL: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      drawer: false
    }
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
.pre-box{
  width: 100%;
  display: inline-block;
  text-align: center;
}
</style>
